<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">


       div.a2{

            width: 800px;
       }
        span{
            float: right;
            color: #4D4D4D;
        }
        li{
            padding: 15px;
            float: left;
            list-style: none;
            display: inline-block;
            height: 180px;
        }
        img{
         width: 340px;
         height: 100px;
        }
        a{
            font-size: 22px;
            font-style: italic;
        }
        div{
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div class="a2">
    <h2> 热门活动<span>更多</span></h2>
    <ul>
        <li><img src="image/img1.png"><p>推荐活动 | 原创音乐现金榜T榜</p></li>
        <li><img src="image/img2.png"><p>推荐节目|《TAImusic》爆笑来袭</p></li>
        <li><img src="image/img3.png"><p>推荐歌单 | 继续宠爱张国荣</p></li>
        <li><img src="image/img4.png"><p>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</p></li>
    </ul>
</div>
</body>
</html>